<template>
  <svg
    :width="size"
    :height="size"
    viewBox="0 0 23 30"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    :style="style"
  >
    <path
      id="Vector"
      d="M11.592 0C12.5733 0 13.5189 0.190678 14.4287 0.572033C15.3384 0.953389 16.146 1.47775 16.8513 2.14512C17.5567 2.8125 18.124 3.5911 18.5533 4.48093C18.9827 5.37076 19.1973 6.32415 19.1973 7.34109V12.0445H15.4867V8.23092C15.4867 6.89618 15.1238 5.85804 14.398 5.11652C13.6722 4.37499 12.696 4.00423 11.4693 4.00423C10.3653 4.00423 9.476 4.37499 8.80133 5.11652C8.12667 5.85804 7.78933 6.89618 7.78933 8.23092V12.108H3.92533V7.34109C3.92533 6.32415 4.11956 5.37076 4.508 4.48093C4.89644 3.5911 5.43311 2.8125 6.118 2.14512C6.80289 1.47775 7.61045 0.953389 8.54067 0.572033C9.47089 0.190678 10.488 2.08347e-08 11.592 0ZM23 21.6737V24.4068V25.9004C23 26.4725 22.9029 27.0127 22.7087 27.5212C22.5144 28.0297 22.2487 28.464 21.9113 28.8242C21.574 29.1843 21.1753 29.4703 20.7153 29.6822C20.2553 29.8941 19.7493 30 19.1973 30H3.68C3.128 30 2.62711 29.8994 2.17733 29.6981C1.72756 29.4968 1.33911 29.2214 1.012 28.8718C0.684889 28.5222 0.434445 28.1144 0.260667 27.6483C0.0868889 27.1822 -2.0105e-08 26.6843 0 26.1547V16.0487C0 15.4555 0.199333 14.9576 0.598 14.5551C0.996667 14.1525 1.46178 13.9513 1.99333 13.9513H20.976C21.5484 13.9513 22.0289 14.1525 22.4173 14.5551C22.8058 14.9576 23 15.4555 23 16.0487V21.6737Z"
      fill="currentColor"
    />
  </svg>
</template>

<script>
export default {
  name: 'LockedIcon',
  props: {
    size: {
      type: [Number, String],
      default: 22
    },
    style: {
      type: Object,
      default: () => ({})
    }
  }
};
</script> 